<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>盛易通云平台</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container">
        <h1 class="title">盛易通云平台</h1>
        <p class="description">Hi，NINI欢迎使用盛易通云平台，当前微信已绑定3家企业，请选择某一企业登录或注册新企业</p>

        <div class="sy-radio-wrap ">
            <img src="./images/radio.png" class="sy-radio"/>
            <img src="./images/checked.png" class="sy-checked" />
            盛业信息科技服务(深圳)有限公司
        </div>
        <div class="sy-radio-wrap ">
            <img src="./images/radio.png" class="sy-radio"/>
            <img src="./images/checked.png" class="sy-checked" />
            盛业信息科技服务(深圳)有限公司
        </div>
        <div class="sy-radio-wrap ">
            <img src="./images/radio.png" class="sy-radio"/>
            <img src="./images/checked.png" class="sy-checked" />
            盛业信息科技服务(深圳)有限公司
        </div>
       <div class="sy-create">
           <img src="./images/add.png" class="sy-add"/>
           <div class="sy-create-text">我要创建新账号</div>
       </div>
        <div class="sy-btn">登录</div>
    </div>
    <script>
            let radios = document.getElementsByClassName('sy-radio-wrap')
            
            for(let i=0;i<radios.length;i++) {
                radios[i].onclick = function(){
                  radios[i].classList.toggle('active')
                }
            }
        </script>
</body>

</html>